<template>
<!-- 添加资产 -->
  <div>
      <el-row>
        <el-col :span="24">
            <div class="grid-content bg-purple-dark">
                <div class="kuang"></div>
                <span style=" padding-left:40px;font-size:14px" >资产信息</span>
                <div class="xian"></div>
                <el-form :inline="true" :model="ruleForm" :rules="rules" ref="ruleForm" label-width="140px" class="demo-ruleForm">
                    <el-form-item label="资产分类" prop="region" style=" position: relative;top:30px;">
                        <el-select v-model="ruleForm.region" placeholder="请选择活动区域" style="width:350px">
                           <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="资产名称" prop="name" style="position: relative;top:30px;">
                        <el-input v-model="ruleForm.name" placeholder="请输入" style="width:350px"></el-input>
                    </el-form-item>
                    <el-form-item label="品牌" prop="pinpai" style="position: relative;top:40px;">
                        <el-input v-model="ruleForm.name" placeholder="请输入" style="width:350px"></el-input>
                    </el-form-item>
                     <el-form-item label="设备编号"  style="position: relative;top:40px;">
                        <el-input v-model="ruleForm.name" placeholder="请输入" style="width:350px"></el-input>
                    </el-form-item>
                     <el-form-item label="活动时间" style="position: relative;top:50px;">
                         <el-date-picker
                            v-model="ruleForm.value1"
                            type="date"
                            placeholder="选择日期">
                         </el-date-picker>
                    </el-form-item>
                    <el-form-item label="购置金额"  style="position: relative;top:50px;left:130px">
                        <el-input v-model="ruleForm.name" placeholder="请输入" style="width:350px"></el-input>
                    </el-form-item>
                    <br/>
                     <el-form-item label="入库时间" style="position: relative;top:60px;">
                         <el-date-picker
                            v-model="ruleForm.value1"
                            type="date"
                            placeholder="选择日期">
                         </el-date-picker>
                    </el-form-item>
                    <el-form-item label="资产地址"  style=" position: relative;top:60px;left:130px">
                        <el-select v-model="ruleForm.region" placeholder="请选择" style="width:350px">
                           <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                </el-form>
            </div>
        </el-col>
      </el-row>
  </div>
</template>

<script>
import axios from 'axios'
export default {
    data(){
      return{
        ruleForm: {
           region: '',
        },
        rules: {
            name: [
                { required: true, message: '请输入活动名称', trigger: 'blur' },
                { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
            ],
            pinpai: [
                { required: true, message: '请输入品牌名字', trigger: 'blur' },
                { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
            ],
          region: [
            { required: true, message: '请选择活动区域', trigger: 'change' }
          ],
        },
        options: [{
          value: '选项1',
          label: '黄金糕'
        }, {
          value: '选项2',
          label: '双皮奶'
        }, {
          value: '选项3',
          label: '蚵仔煎'
        }, {
          value: '选项4',
          label: '龙须面'
        }, {
          value: '选项5',
          label: '北京烤鸭'
        }],
      }
    },
     created(){
    },
    methods: {
    }

}
</script>

<style scoped>
.grid-content {
    border-radius: 4px;
    min-height: 36px;
  }
  .bg-purple-dark {
    background: white;
    height: 700px;
  }
  .kuang{
        width: 3px;
        height: 20px;
        background-color: #409EFF;
        margin-left: 30px;
        position: relative;
        top: 20px;
       
    }
    .xian{
        width: 1300px;
        height: 2px;
        background-color: #EBEEF5;
        margin-left:30px;
        margin-top: 10px;
       
    }
</style>